/*!
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function(){
	
	var simple = new Ext.FormPanel({
 	   frame:true,
        title: 'Car Pool',
       // bodyStyle:'padding:5px 5px 0',
        fieldDefaults: {
            msgTarget: 'side'
        },
     defaultType: 'displayfield',

     
         items :[{
             fieldLabel: 'POOL ID',
             name: 'first',
             allowBlank:false,
             value:'1002'
         },{
             fieldLabel: 'Provider NAME',
             name: 'last',
             value:'Praveen Parsa'
         },{
             fieldLabel: 'SOURCE',
             name: 'source',
             value:'MehdiPatnam'
             
         }, {
             fieldLabel: 'DESTINATION',
             name: 'destination',
             value:'PatniPatnam'
         },
         {
         	 fieldLabel: 'START TIME',
              name: 'starttime',
              value:'8:00 AM'
         },
         {
        	 fieldLabel: 'END TIME',
             name: 'endtime',
             value:'6:00 PM'
        },{
         xtype:'fieldset',
         title: 'Rider Details',
         collapsible: false,
         defaultType: 'displayfield',
         // layout: 'anchor',
         defaults: {
             anchor: '100%'
         },
         items :[{
             fieldLabel: 'Rider Name',
             name: 'rname',
             value: 'Samrat'
         },{
             fieldLabel: 'Rider Name',
             name: 'mobile',
             value:'Praveen'
         }]
 }
 ]
 });
	
	
    var myData = [
        [1,'samrat','margao','panjim','5.00','7.00']
       
        
      /*  ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
        ['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
        ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
        ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
        ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
        ['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
        ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
        ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
        ['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
        ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
        ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
        ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
        ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
        ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
        ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
        ['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
        ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
        ['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
        ['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
        ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
        ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
        ['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
        ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
        ['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
        ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
        ['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
        ['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
        ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am']*/
    ];

    // example of custom renderer function
  /*  function change(val){
        if(val > 0){
            return '<span style="color:green;">' + val + '</span>';
        }else if(val < 0){
            return '<span style="color:red;">' + val + '</span>';
        }
        return val;
    }

    // example of custom renderer function
    function pctChange(val){
        if(val > 0){
            return '<span style="color:green;">' + val + '%</span>';
        }else if(val < 0){
            return '<span style="color:red;">' + val + '%</span>';
        }
        return val;
    }*/

    // create the data store
  /*  var store = new Ext.data.Store({
        proxy: new Ext.ux.data.PagingMemoryProxy(myData),
       // remoteSort:true,
        //sortInfo: {field:'price', direction:'ASC'},
        reader: new Ext.data.ArrayReader({
            fields: [
               {name: 'id',type:'float'},
               {name: 'firstname'},
               {name: 'source'},
               {name: 'destination'},
               {name: 'starttime'},
               {name: 'lasttime'}
               
            ]
        })
    });*/


var store = new Ext.data.ArrayStore({
    fields: [
       {name: 'id',type:'float'},
       {name: 'firstname'},
       {name: 'Source'},
       {name: 'Destination'},
       {name: 'starttime'},
       {name: 'lasttime'/* dateFormat: 'n/j h:ia'*/}
     //  {name: 'Fare',type:'float'},
      // {name:'description'}
       
    ]
});
store.loadData(myData);

    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {id:'id',header: "RiderId", width: 160, sortable: true,dataIndex: 'id'},
            {header: "RiderName", width: 75, sortable: true, /*renderer: 'usMoney', */dataIndex: 'firstname'},
            {header: "Source", width: 75, sortable: true,/* renderer: change, */dataIndex: 'Source'},
            {header: "Destination", width: 75, sortable: true,/* renderer: pctChange, */dataIndex: 'Destination'},
            {header: "Start Time", width: 85, sortable: true,/* renderer: Ext.util.Format.dateRenderer('m/d/Y'),*/dataIndex: 'starttime'},
            {header: "End Time", width: 85, sortable: true,/* renderer: Ext.util.Format.dateRenderer('m/d/Y'),*/dataIndex: 'lasttime'}

        ],
        sm: new Ext.grid.RowSelectionModel({singleSelect: true}),
        stripeRows: true,
       // autoExpandColumn: 'company',
        height:320,
        frame:true,
        title:'CARPOOL DETAILS',

        plugins: new Ext.ux.PanelResizer({
            minHeight: 100
        }),

       /* bbar: new Ext.PagingToolbar({
            pageSize: 10,
            store: store,
            displayInfo: true,

            plugins: new Ext.ux.SlidingPager()
        })*/
        viewConfig: {
            forceFit:true,
            enableRowBody:true,
            showPreview:true,
            getRowClass : function(record, rowIndex, p, store){
              /*  if(this.showPreview){
                    p.body = '<p>'+record.data.excerpt+'</p>';
                    return 'x-grid3-row-expanded';
                }*/
                return 'x-grid3-row-collapsed';
            }
        },
        bbar: new Ext.PagingToolbar({
            pageSize: 25,
            store: store,
            displayInfo: true,
            displayMsg: 'Displaying topics {0} - {1} of {2}',
            emptyMsg: "No topics to display",
            items:[
                '-', {
                pressed: true,
                enableToggle:true,
                text: 'Show Preview',
               // cls: 'x-btn-text-icon details',
                toggleHandler: function(btn, pressed){
                    var view = grid.getView();
                    view.showPreview = pressed;
                    view.refresh();
                }
            }]
        })
    });


    grid.render('right');
    grid.getSelectionModel().on('rowselect', function(sm, rowIdx, r) {
        //alert("hi");
        var win1 = new Ext.Window({
            layout:'fit',
    		model: true ,
    		height:450,
    		width:360,
    		title:'Details',
    		closable: false,
            resizable: false,
            plain: true,
            border: false,
            items: [simple],
                    buttons: [{
                    	text:'Intrested',
                    	handler: function() {
                        Ext.Msg.alert("","Your Intrest successFully RecordedYou will get an email shortly");
                        win1.hide();
                    }
                    },{
                        text: 'Cancel',
                        handler: function() {
                    	win1.hide();
                        }
                    }]
    	});
    	win1.show();
      });
    store.load({params:{start:0,limit:10}});
   
});